<include file="application/walletyhbbadmin/view/public/left.html"/>
<script src="__PUBLIC__/js/ueditor/ueditor.config.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/ueditor/ueditor.all.min.js" type="text/javascript"></script>
<style>
    .add_icon {
        width: 120px;
        height: 30px;
        margin-right: 5px;
    }
    .add_icon input,.add_icon_input {
        width: 80px;
        height: 20px;
    }
    .delete_icon {
        width: 30px;
        height: 100%;
        line-height: 25px;
        display: inline-block;
        position: absolute;
        right: 0;
        text-align: center;
        border: 1px solid #dbdbdb;
        box-sizing: border-box;
        font-size: 15px;
        border-left: 0;
    }
</style>
<div id="dcMain">
    <!-- 当前位置 -->
    <div id="urHere">管理中心<b>></b><strong>修改商品</strong> </div>
    <div class="mainBox" style="height:auto!important;height:550px;min-height:550px;">
        <h3>修改商品</h3>
        <form action="{:U('Goods/update')}" method="post" enctype="multipart/form-data" id="myform" name="myform">
            <table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">
                <tr>
                    <td align="right">首页图片：</td>
                    <td>
                        <input type="file" name="pic" id="pic" value="{$info.pic}" required/>
                    </td>
                    <td width="6%" align="right">商品名称</td>
                    <td>
                        <input type="text" name="name" id="name" value="{$info.name}" required value="" size="50" class="inpMain" />

                    </td>

                </tr>
                    <td align="right">价格：</td>
                    <td>
                        <input type="number" name="price" required size="26" class="inpMain" value="{$info.price}" placeholder="价格:仅填钱数"/>元
                        <input type="number" name="miao" required size="20" class="inpMain" value="{$info.miao}" placeholder="例如:仅填秒数"/>秒
                        <input type="number" name="month_money" required size="20" class="inpMain" value="{$info.month_money}" placeholder="包月价格">元/月
                    </td>
                    <td align="right">设备编号:</td>
                    <td>
                        <input type="text" name="equipment_number" value="{$info.equipment_number}" required size="50" class="inpMain" >
                    </td>
                </tr>
                <tr>
                    <td align="right">分辨率:</td>
                    <td>
                        <input type="text" name="resolution" value="{$info.resolution}" required size="50" class="inpMain" >
                    </td>
                    <td align="right">屏幕尺寸</td>
                    <td>
                        <input type="text" name="size" value="{$info.size}" required size="25" class="inpMain" placeholder="例如:XX寸" > /
                        <input type="text" name="ping" value="{$info.ping}"required size="19" class="inpMain" placeholder="横或竖" >屏
                    </td>
                </tr>
                <tr>
                    <td align="right">覆盖人口:</td>
                    <td>
                        <input type="text" name="overcrowding" value="{$info.overcrowding}" required size="50" class="inpMain">
                    </td>
                    <td align="right">所在地区: </td>
                    <td>
                        <div class="form-group">

                            <select id="cid" name="areaId1"  required>
                                <option value="" class="ss">--请选择--</option>
                                <foreach name="list" item="vo">
                                    <option value="{$vo.id}" class="ioo">{$vo.area_name}</option>
                                </foreach>
                            </select>

                            <select id="cid1" style="display:none;" name="areaId2">
                                <option value="" class="ss">--请选择--</option>
                            </select>
                             <select id="cid2" style="display:none;" name="areaId3">
                                <option value="" class="ss">--请选择--</option>
                            </select>

                        </div>
                    </td>

                <tr>
                <td align="right">分类：</td>
                <td>
                    <select   name="type"  required>
                        <option value="">-----请选择-----</option>
                        <foreach name="type" item="vo">
                            <option value="{$vo.id}" class="ioo">{$vo.name}</option>
                        </foreach>

                    </select>
                </td>
                <td align="right">详细地址:</td>
                <td>
                    <input type="text" name="address" value="{$info.address}" required size="50" class="inpMain">
                </td>

            </tr>
                <tr>
                    <td align="right">商品图片1：</td>
                    <td>
                        <input type="file" name="pic1" id="pic" value="" required/>
                    </td>
                    <td width="6%" align="right">商品图片2:</td>
                    <td>
                        <input type="file" name="pic2" id="pic" required/>

                    </td>

                </tr>
                <tr>
                    <td width="6%" align="right">商品图片3:</td>
                    <td>
                        <input type="file" name="pic3" id="pic" required/>

                    </td>
                    <td width="6%" align="right">商品图片4:</td>
                    <td>
                        <input type="file" name="pic4" id="pic" required/>

                    </td>
                </tr>
                <tr>
                    <td align="right">商品类型：</td>
                    <td>

                        <input type="radio" name="goods_type" value="1"  <if condition= "$info.goods_type eq 1">checked="checked"</if>/>可购买
                        <input type="radio" name="goods_type" value="2"  <if condition= "$info.goods_type eq 2">checked="checked"</if>/>可查看

                    </td>
                    <td align="right">收费类型：</td>
                    <td>

                        <input type="radio" name="shoufei_type" value="1"  <if condition= "$info.shoufei_type eq 1">checked="checked"</if>/>按天收
                        <input type="radio" name="shoufei_type" value="2"  <if condition= "$info.shoufei_type eq 2">checked="checked"</if>/>按月收

                    </td>


                </tr>
                <tr>
                    <td></td>
                <td>
                <input type="hidden" name="id" value="{$info.id}">
                <input  class="btn" type="submit" value="提交" />
                <input class="btn btn6" onclick="history.go(-1)" value="返回" type="button"></td>
                </td></tr>
            </table>
        </form>
    </div>
</div>
<div class="clear"></div>
<script type="application/javascript">
    var ue1 = UE.getEditor('editors');
    console.log($("#view"))
    var arr = [],
        sum = 0;
    function returnStr(item) {
        var str = "";
        str += '<tr>' +
            '                    <td align="right">案例类型</td>' +
            '                    <td>' +
            '                        <div class="form-group">' +
            '                            <select name="' + item + '_type" id="content-select' + item + '">' +
            '                              <option value="0" >--请选择--</option>' +
            '                              <option value="1">PC</option>' +
            '                              <option value="2">微信</option>' +
            '                              <option value="3">APP</option>' +
            '                          </select>' +
            '                        </div>' +
            '                    </td>' +
            '                    <td align="right"></td>' +
            '                    <td></td>' +
            '                </tr>' +
            '                <tr class="PWA_content PC_content' + item + '" style="display: none;">' +
            '                    <td align="right">后台</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_backstage" size="50"  type="text">' +
            '                    </td>' +
            '                    <td align="right">项目域名</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_realm_name" size="50"  type="text">' +
            '                    </td>' +
            '                </tr>' +
            '                <tr class="PWA_content PC_content' + item + '" style="display: none;">' +
            '                    <td align="right">测试账号</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_username1" size="50"  type="text">' +
            '                    </td>' +
            '                    <td align="right">测试密码</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_userpwd1" size="50"type="text">' +
            '                    </td>' +
            '                </tr>' +
            '                <tr class="PWA_content WX_content' + item + '" style="display: none;">' +
            '                    <td align="right">测试账号</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_username2" size="50"  type="text">' +
            '                    </td>' +
            '                    <td align="right">测试密码</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_userpwd2" size="50"type="text">' +
            '                    </td>' +
            '                </tr>' +
            '                <tr class="PWA_content WX_content' + item + '" style="display: none;">' +
            '                    <td align="right">二维码</td>' +
            '                    <td>' +
            '                        <input type="file" name="' + item + '_pic2" id="pic" /> <img src="{$list.pic}" width="200px" />' +
            '                    </td>' +
            '                    <td align="right">小程序名称</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_program_name" size="50"type="text">' +
            '                    </td>' +
            '                </tr>' +
            '                <tr class="PWA_content APP_content' + item + '" style="display: none;">' +
            '                    <td align="right">测试账号</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_username3" size="50" value="{$list.key_word}" type="text">' +
            '                    </td>' +
            '                    <td align="right">测试密码</td>' +
            '                    <td>' +
            '                        <input class="inpMain" name="' + item + '_userpwd3" size="50" value="{$list.key_word}" type="text">' +
            '                    </td>' +
            '                </tr>' +
            '                <tr class="PWA_content APP_content' + item + '" style="display: none;">' +
            '                    <td align="right">分类</td>' +
            '                    <td>' +
            '                        <select name="' + item + 'app_terminal" >'+
            '                            <option value="" class="ss">--请选择--</option>'+
            '                               <option value="1" >ios</option>'+
            '                               <option value="2">安卓</option>'+
            '                               <option value="3">双版</option>'+
            '                        </select>' +
            '                    </td>' +
            '                    <td align="right">二维码</td>' +
            '                    <td>' +
            '                        <input type="file" name="' + item + '_pic3" id="pic" /> <img src="{$list.pic}" width="200px" />' +
            '                    </td>' +
            '                </tr>'+
    '                <tr class="PWA_content APP_content' + item + '" style="display: none;">' +
    '                    <td align="right">备注信息</td>' +
    '                    <td>' +
        '                        <input class="inpMain" name="' + item + '_remarks" size="50" value="{$list.remarks}" type="text">' +
        '                    </td>' +
    '                </tr>'
        return str;
    }
    $(".content-btn-add").on("click", function(event) {
        console.log(13131);
        sum++;
        if (sum > 5) {
            layer.msg('案例最多能添加五条');
            return
        }
        data = {
            list: [sum]
        };
        arr.push(sum)
        $("#view").before(returnStr(sum));
        $(".type_num").val(arr.length)
        for (let sum of arr) {
            $("#content-select" + sum).on("change", function(event) {
                console.log(event.target.value)
                $(".PC_content" + sum).hide();
                $(".WX_content" + sum).hide();
                $(".APP_content" + sum).hide();
                switch (event.target.value) {
                    case '1':
                        $(".PC_content" + sum).show();
                        break;
                    case '2':
                        $(".WX_content" + sum).show();
                        break;
                    case '3':
                        $(".APP_content" + sum).show();
                        break;
                    default:
                        $(".PC_content" + sum).hide();
                        $(".WX_content" + sum).hide();
                        $(".APP_content" + sum).hide();
                        break;
                }
            })
        }
    })
    var FieldCount = 1;
    $(document).ready(function() {

        var MaxInputs = 5; //maximum input boxes allowed
        var InputsWrapper = $("#InputsWrapper"); //Input boxes wrapper ID
        var AddButton = $("#AddMoreFileBox"); //Add button ID

        var x = InputsWrapper.length; //initlal text box count
        $(AddButton).click(function (e)  //on add input button click
        {
            if (FieldCount < MaxInputs) //max input box allowed
            {
                 //text box added increment
                //add input box  Text '+ FieldCount +'
                var strAdd = '<div class="add_icon" style="display: inline-block; position: relative;">'+
                                '<input class="inpMain" type="text" name="key_word[]" id="field_' + FieldCount + '" value=""/>'+
    '<a href="#" class="removeclass del_style delete_icon" onClick="deleteFn(event)">×</a>'+
'</div>';
                $(AddButton).before(strAdd);

                FieldCount++; //text box increment
            }
            return false;
        });

    });
    function deleteFn(e, sum){
        console.log(FieldCount)
        console.log($(e.target).parent('.add_icon'));
        $(e.target).parent('.add_icon').remove();
    FieldCount--;
    }

</script>
<script>
$(document).ready(function(){
    //所属部门的三级联动
    $("#cid").change(function(){
        var fid = $(this).val();
       // console.log(fid);
        $.ajax({
            'url':'{:U("Goods/addGroup")}',//请求的url
            'type':'get',//请求类型
            'data':{parentId:fid},//附加参数
            'async':true,//异步处理
            'dataType':'json',//响应数据返回类型
            success:
            //data 响应数据

                function(data){
                    $("#cid1 option").remove();
                    console.log(data);
                    var option='<option value="">--请选择--</option>';
                    // //遍历
                    for(var i=0;i<data.length;i++){
                        //禁用
                        // $(".ss").attr("disabled",true);
                        //alert(data[i].name);
                        //把获取的数据存储在option标签里
                        option += '<option value="'+data[i].id+'">'+data[i].area_name+'</option>';


                        // alert(option);
                       
                    }
                    //内部插入到第一个select
                    $("#cid1").append(option);
                    $("#cid1").css('display',"inline-block");
                },
            error:
                function () {
                    alert("Ajax响应失败");

                }
        });
    });
    $("#cid1").change(function(){
        var fid = $(this).val();
       // console.log(fid);
        $.ajax({
            'url':'{:U("Goods/addGroup")}',//请求的url
            'type':'get',//请求类型
            'data':{parentId:fid},//附加参数
            'async':true,//异步处理
            'dataType':'json',//响应数据返回类型
            success:
            //data 响应数据

                function(data){
                    $("#cid2 option").remove();
                    console.log(data);
                    var option='<option value="">--请选择--</option>';
                    // //遍历
                    for(var i=0;i<data.length;i++){
                        //禁用
                        // $(".ss").attr("disabled",true);
                        //alert(data[i].name);
                        //把获取的数据存储在option标签里
                        option += '<option value="'+data[i].id+'">'+data[i].area_name+'</option>';


                        // alert(option);
                       
                    }
                    //内部插入到第一个select
                    $("#cid2").append(option);
                    $("#cid2").css('display',"inline-block");
                },
            error:
                function () {
                    alert("Ajax响应失败");

                }
        });
    });





});

</script>
<script>
    $(document).ready(function(){

        $("#tid").change(function(){
            var fid = $(this).val();
            // console.log(fid);

            $.ajax({
                'url':'{:U("Anli/addType")}',//请求的url
                'type':'get',//请求类型
                'data':{parentId:fid},//附加参数
                'async':true,//异步处理
                'dataType':'json',//响应数据返回类型
                success:
                //data 响应数据

                    function(data){
                        $("#tid1 option").remove();
                        console.log(data);
                        var option = '<option value="">--请选择--</option>';
                        // //遍历
                        for(var i=0;i<data.length;i++){
                            //禁用
                            // $(".ss").attr("disabled",true);
                            //alert(data[i].name);
                            //把获取的数据存储在option标签里
                            option +='<option value="'+data[i].id+'">'+data[i].name+'</option>';


                            // alert(option);
                           
                        }
                         //内部插入到第一个select
                        $("#tid1").append(option);
                        $("#tid1").css('display',"inline-block");
                    },
                error:
                    function () {
                        alert("Ajax响应失败");

                    }
            });
        });

        $("#tid1").change(function(){
            var fid = $(this).val();
            console.log(fid);

            $.ajax({
                'url':'{:U("Anli/addType")}',//请求的url
                'type':'get',//请求类型
                'data':{parentId:fid},//附加参数
                'async':true,//异步处理
                'dataType':'json',//响应数据返回类型
                success:
                //data 响应数据

                    function(data){
                        $("#tid2 option").remove();
                        console.log(data);
                         var option = '<option value="">--请选择--</option>';
                        // //遍历
                        for(var i=0;i<data.length;i++){
                            //禁用
                            // $(".ss").attr("disabled",true);
                            //alert(data[i].name);
                            //把获取的数据存储在option标签里
                            option +='<option value="'+data[i].id+'">'+data[i].name+'</option>';


                            // alert(option);
                           
                        }
                         //内部插入到第一个select
                        $("#tid2").append(option);
                        $("#tid2").css('display',"inline-block");
                    },
                error:
                    function () {
                        alert("Ajax响应失败");

                    }
            });
        });


    });

</script>
<include file="application/walletyhbbadmin/view/public/foot.html"/><!-- dcFooter 结束 -->

<!-- dcFooter 结束 -->
<div class="clear"></div>
</div>
</body>

</html>